<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>课程订单列表</title>
    <script src="/echarts/echarts.min.js"></script>
    <meta http-equiv="refresh" content="86400">
    <link rel="stylesheet" href="/layui/src/css/layui.css">
    <link rel="stylesheet" href="css/CourseOrderList.css">
    <script type="text/javascript" src="/layui/src/layui.js"></script>
    <script src="/layui/src/jquery-3.2.1.min.js"></script>
</head>
<body>
<div class="layui-container">
    <!--商品列表部分-->
    <div class="layui-row" id="List_Header">
        <div class="layui-col-xs10 layui-col-sm10 layui-col-md10 layui-col-lg10">
            <span id="List_Header_span">课程订单列表</span>
        </div>
        <div class="layui-col-xs1 layui-col-sm1 layui-col-md1 layui-col-lg1">
            <button type="button" class="layui-btn layui-btn-primary layui-border-black layui-btn-sm List_Header_button" id="refresh" onclick="refresh()">
                <i class="layui-icon layui-icon-refresh"></i> &nbsp;刷新
            </button>
        </div>
        <div class="layui-col-xs1 layui-col-sm1 layui-col-md1 layui-col-lg1">
            <button type="button" id="button_id2" class="layui-btn layui-btn-primary layui-border-black layui-btn-sm List_Header_button" onclick="close1()">
                <i class="layui-icon layui-icon-left"></i> 关闭
            </button>
        </div>
    </div>
    <div style="background-color:#f9f9f9;margin-top:20px; ">
        <table>
            <tr>
                <td  style="border-left:40px solid #f9f9f9;"><button id="SyCourseOrderManagementselControllerAllOrders" type="button" class="layui-btn layui-btn-primary" style="width: 120px;height: 40px"><p id="td_id2"></p></button></td>
                <td style="border-left:20px solid #f9f9f9;">    <button id="SyCourseOrderManagementselControllerPendingPayment" type="button" class="layui-btn layui-btn-primary" style="width: 120px;height: 40px"><p id="td_id3"></p></button></td>
                <td style="border-left:20px solid #f9f9f9;">    <button id="SyCourseOrderManagementselControllerCompleted" type="button" class="layui-btn layui-btn-primary" style="width: 120px;height: 40px"><p id="td_id4"></p></button></td>
                <td style="border-left:20px solid #f9f9f9;" >    <button id="SyCourseOrderManagementselControllerCancelled" type="button" class="layui-btn layui-btn-primary" style="width: 120px;height: 40px"><p id="td_id5"></p></button></td>
            </tr>
        </table>
    </div>
    <!--筛选查询-->
    <div class="layui-row" id="List_query">
        <div class="layui-col-xs10 layui-col-sm10 layui-col-md10 layui-col-lg10">
            <span id="List_query_span">筛选查询</span>
        </div>
        <div class="layui-col-xs1 layui-col-sm1 layui-col-md1 layui-col-lg1">
            <button type="button" class="layui-btn layui-btn-primary layui-border-black layui-btn-sm List_query_button" id="retrieve" onclick="retrieve()">
                高级检索
            </button>
        </div>
        <div class="layui-col-xs1 layui-col-sm1 layui-col-md1 layui-col-lg1">
            <button type="button" class="layui-btn layui-btn-primary layui-border-black layui-btn-sm List_query_button" id="selProduct" onclick="selProduct()">
                查看
            </button>
        </div>
    </div>

    <div  id="List_query2">
        <form class="layui-form" action="" style="margin-top: 20px">
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label List_query2_label">订单编号：</label>
                    <div class="layui-input-block">
                        <input type="text" id="dindangbianhaoId" name="name1" class="layui-input" placeholder="订单编号"style=" width:157px"/>
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label List_query2_label">用户账号：</label>
                    <div class="layui-input-block">
                        <input type="text" id="yonghuizhanghaoId" name="name1" class="layui-input" placeholder="用户账号"style=" width:157px"/>
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label List_query2_label">支付方式：</label>
                    <div class="layui-input-block">
                        <input type="text"  id="PaymentMethod" name="name1" class="layui-input" placeholder="支付方式"style=" width:157px"/>
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label List_query2_label">提交时间：</label>
                    <div class="layui-input-block">
                        <input type="text" name="name4" class="layui-input" placeholder="请选择时间" id="name4" />
                    </div>
                </div>
            </div>
        </form>
    </div>

    <!--内容-->
        <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 layui-col-lg12" id="List_body_table" >
            <div  class="layui-row" >
                <div class="layui-col-xs9 layui-col-sm9 layui-col-md9 layui-col-lg9" >
                    <span id="List_body_span"><i class="layui-icon">&#xe649;&nbsp;</i>数据列表</span>
                </div>
            </div>
            <table id="table_id"></table>
        </div>
</div>
</body>
<script src="js/CourseOrderList.js"></script>
<script src="../js/utils.js"></script>
<script>
    //Demo
    layui.use('form', function(){
        var form = layui.form;
        //监听提交
        form.on('submit(formDemo)', function(data){
            layer.msg(JSON.stringify(data.field));
            return false;
        });
    });
</script>
</html>